/*
Red: #EE3D35
Orange: #FBAF3F;
*/
/****************
 General
*****************/
body, table {
    /* font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; */
	font-family: "Trebuchet MS", Trebuchet, Geneva, sans-serif;
    font-size: 10pt;
}
body,p,a {
    padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 16pt;
}
body {
	background-image: url(../gfx/bg.jpg);
	background-repeat: repeat-x;
	background-color: #F1F1F1;
	margin-left: 10px;
}
img {
    padding: 0;
	margin: 0;
	border: 0;
}

h2 {
    font-weight: bold;
	margin: 10px 0 15px 0;
	padding: 0 0 0 0;
	color: #EE3D35;
	font-size: 20pt;
}

h2 span {
	font-size: 16pt;
	color: #909090;
	font-weight:normal;
}

/****************
 Header
*****************/

div#header {
	text-align: left;
	height:75px;
}

div#header span {
	margin-top: 35px;
	margin-left: 200px;
	float:left;
}

img#logo {
	margin-top: 8px;
	float:left;
	margin-bottom: 10px;
}

div#menu a:link, div#menu a:visited {
	color: #000000;
	font-size: 12pt;
	text-decoration: none;
}

div#menu a:hover, div#menu a:active {
	/* color: #EE3D35; */
	color: #000000;
}

/****************
 Step 1
*****************/

div.inputbox {
    width: 400px;
    padding: 10px 10px 10px 10px;
    color: #606060;
	margin-top: 5px;
}

div#step1_box {
	border: #CCCCCC 1px solid;
	background-image: url(../gfx/step1_bg_gul.jpg);
	background-repeat: repeat-x;
	background-color: #FFFED7;
	padding: 5px 5px 5px 5px; 
}

input.textfield {
    border: #909090 1px solid;
    /* padding: 2px 3px 2px 3px; */
    width: 152px;
    font-size: 12pt;
    padding: 5px;
}

textarea.input_textarea {
    border: #909090 1px solid;
    padding: 2px 3px 2px 3px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11pt;
}

div#tagContainer {
	margin-left: 35px;
	margin-right: 35px;
	text-align: right;
	color: #909090;
}
div#lastfmContainer {
    margin-left: 35px;
    margin-right: 30px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #909090;
}

div#tagCloud {
	border: #EEEEEE 0px solid;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
}

input#tagTextField {
	margin-top: 2px;
	border: #EEEEEE 1px solid;
	margin-right: 30px;
}

div#addTag {
	padding-left: 40px;
}

span.or {
	font-size: 12pt;
	font-weight: bold;
	color: #EE3D35;
}

div#artistsInputBox img {
    margin: 0;
	padding-right: 5px;
	float:left;
}

a.tag:link, a.tag:visited {
	text-decoration: none;
	color: #000000;
}
a.tag:hover, a.tag:active {
	text-decoration: none;
	color: #000000;
}

/****************
 Step 2
*****************/

select#venue {
    font-size: 12pt;
    font-weight: bold;
    border: #CCCCCC 1px solid;
	width: 300px;
	background-color: #ffffff;
}

optgroup.venue_label {
	color: #FBAF3F;
	text-decoration: none;
	font-style: normal;
	font-size: 12pt;
	font-weight: bold;
	background-color: #FFFFFF;
}

optgroup.venue_label option {
	color: #000000;
}

a.system:link, a.system:visited {
	color: #000000;
	text-decoration: none;
}

a.system:hover, a.system:active {
	color: #000000;
	text-decoration: none;
}

input.submit {
    padding: 5px;
	font-size: 12pt;
	margin-top: 10px;
	margin-left: 0px;
	width: 164px;
}

p#venueMeta a:link , p#venueMeta a:visited  {
	color: #000000;
	font-size: 16pt;
	text-decoration: none;
}

p#venueMeta a:hover, p#venueMeta a:active {
	color: #FBAF3F;
	text-decoration: none;
}

span.marked {
	background-color: #ffc;
}

div.message {
	background-color: #EEEEEE;
	width: 400px;
	padding: 4px 4px 4px 4px;
}

div.message div {
	background-color: #E2E2E2;
}

span.message_time {
	font-size: 10px;
	float:right;
	color: #909090;
}

span.message_from {
	float: left;
	font-weight: bold;
}